<template>
    <div class="title-d public-title" :class="props.themeType">
        <span>{{ props.title }}</span>
        <div>
            <span class="tips"><slot name="right"></slot></span>
            <img v-if="props.themeType !== 'light'" src="../assets/img/point.png" alt="" />
        </div>
    </div>
</template>
<script setup lang="ts">
    const props = defineProps({
        title: {
            type: String,
            default: () => '',
        },
        isShowMore: {
            type: Boolean,
            default: () => false,
        },
        themeType: {
            type: String,
        },
    });
    const emit = defineEmits(['clickMore']);

    function clickMore() {
        emit('clickMore');
    }
</script>
<style scoped lang="less">
    .title-d {
        padding-left: 17px;
        position: relative;
        text-align: left;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        font-weight: 700;
        display: flex;
        justify-content: space-between;
    }
</style>
